<%@page import="com.portal4kids.model.ServicesSport"%>
<%@page import="java.util.List"%>
<%@page import="com.portal4kids.controller.ServicesManager"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Portal for kids</title>
  <link rel="stylesheet" href="ap.css">
	<link rel="stylesheet" href="css/themes/base/jquery.ui.all.css">
	<script src="js/jquery-1.7.2.js"></script>
	<script src="js/ui/jquery.ui.core.js"></script>
	<script src="js/ui/jquery.ui.widget.js"></script>
	<script src="js/ui/jquery.ui.accordion.js"></script>
	<link rel="stylesheet" href="css/demos.css">
	<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
	<script src="ckeditor/_samples/sample.js" type="text/javascript"></script>
	<link href="ckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
	
	<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
	</script>
</head>
<body>
<div id="top">
   
    <img src="images/kreska.png" class="kreska">
    <div class="header_txt">
      <p class="header_txt_1">Panel Administracyjny</p>
      <p class="header_txt_2">portal 4 kids</p>
    </div>
    <div class="session">
      <div class="session2">
        przycisk wyloguj
      </div>
    </div>
    <ul id=menu>
      
    <li><s:a action="addPlace">Dodaj Miejsce </s:a></li>
	<li><s:a action="goToAddPeople">Dodaj Ludzi</s:a></li>
	<li><s:a action="goToAddServices">+Dodaj Usługi+</s:a></li>
	<li><s:a action="goToAddParty">Dodaj imprezę</s:a></li>
	<li><s:a action="goToAddTravel">Dodaj Biuro Podróży</s:a></li>
	<li><s:a action="goToEditInfo">Informacje</s:a></li>
	<li><s:a action="goToAddHoliday">Dodaj Wakacje</s:a></li>  
      
    </ul>
    
    <div id=kategorie>
<% String type = request.getParameter("type");
		if(type == null){
%>
 <h2>Typ usługi:</h2>
<form action="goToAddServices" method="post">
	 <select name="type" > 
	  <option>wybierz</option> 
	  <option>Zajęcia pozalekcyjne dla dzieci</option> 
	  <option>Usługi dodatkowe</option> 
	  
	</select>  <br /><br />
	<input type="submit" value="Dalej" />
</form>	
<br><br> 
<% 
		}else if(type.equals("Zajęcia pozalekcyjne dla dzieci")){%>
			
			<div class="demo">

				<div id="accordion">
					<h3><a href="#">Zajęcia sportowe</a></h3>
					<div>
						<form action="saveSport" method="post">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="sports.name"></td>
								</tr>
								<tr>
									<td>Minimalny wiek dziecka</td>
									<td><input type="text" name="sports.age"></td>
								</tr>
								<tr>
									<td>Dzielnica w której odbywają się zajęcia</td>
									<td><select name="sports.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Godzina rozpoczęcia zajęć</td>
									<td><input type="text" name="sports.time"></td>
								</tr>
								<tr>
									<td>Rodzaj uprawianego sportu</td>
									<td>
										<select name="sports.typeOfSport">
											<option>Piłka nożna</option>
											<option>Koszykówka</option>
											<option>Siatkówka</option>
											<option>Sporty walki</option>
											<option>Pływanie</option>
											<option>Tenis</option>
											<option>Lekkoatletyka</option>
											<option>Piłka ręczna</option>
											<option>Łyżwiarstwo</option>
											<option>Narciarstwo</option>
											<option>Snowboard</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor1" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td>Rodzicę mogą brać udział w zajęciach?</td>
									<td><input type="checkbox" name="sports.parents" value="TAK"></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Nauka języków obcych </a></h3>
					<div>
						<form action="saveLanguage" method="post">
							<table>
								<tr>
									<td colspan="2">Nazwa</td>
									<td colspan="2"><input type="text" name="language.name"></td>
								</tr>
								<tr>
									<td colspan="2">Dzielnica w której odbywają się zajęcia</td>
									<td colspan="2"><select name="language.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td colspan="2">Godzina rozpoczęcia zajęć</td>
									<td colspan="2"><input type="text" name="language.time"></td>
								</tr>
								<tr>
									<td colspan="2">Metoda nauczania</td>
									<td colspan="2">
										<select name="language.methodLearning">
											<option>Metoda komunikacyjna</option>
											<option>Metoda bezpośrednia</option>
											<option>Totalne zanurzenie</option>
											<option>Metoda Callana</option>
											<option>Metoda Sita</option>
											<option>Metoda gramatyczno – tłumaczeniowa</option>
											<option>Metoda kognitywna</option>
											<option>Metoda community language learning</option>
											<option>Metoda reagowania ciałek</option>
										</select>
									</td>

								</tr>
								<tr>
									<td colspan="2">Typ zajęć</td>
									<td><input type="checkbox" name="language.individual" value="TAK">Indywidualne</td>
									<td><input type="checkbox" name="language.groups" value="TAK">Grupowe</td>
								</tr>
								<tr>
									<td colspan="2">Prowadzone w </td>
									<td><input type="checkbox" name="language.atHome" value="TAK">Domu</td>
									<td><input type="checkbox" name="language.atSchool" value="TAK">Szkole językowej</td>
								</tr>
								<tr>
									<td colspan="2">Opis</td>
									<td colspan="2"><textarea class="ckeditor" cols="80" id="editor2" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="4">&nbsp</td>
								</tr>
								<tr>
									<td colspan="4"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Warsztaty plastyczne</a></h3>
					<div>
						<form action="saveArt" method="post">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="art.name"></td>
								</tr>
								<tr>
									<td>Minimalny wiek dziecka</td>
									<td><input type="text" name="art.age"></td>
								</tr>
								<tr>
									<td>Dzielnica w której odbywają się zajęcia</td>
									<td><select name="art.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Godzina rozpoczęcia zajęć</td>
									<td><input type="text" name="art.time"></td>
								</tr>
								<tr>
									<td>Rodzaj warsztatów</td>
									<td><input type="text" name="art.typeOfArt"></td>
								</tr>
								<tr>
									<td>Technika</td>
									<td><input type="text" name="art.technique"></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor3" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Zajęcia umuzykalniające</a></h3>
					<div>
						<form action="saveMusic" method="post">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="music.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="music.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Godzina rozpoczęcia zajęć</td>
									<td><input type="text" name="music.time"></td>
								</tr>
								<tr>
									<td>Typ zajęć</td>
									<td><select name="music.type" > 
										  <option>wybierz</option> 
										  <option>Warsztaty śpiewu</option> 
										  <option>Warsztaty gry na instrumentach</option> 
										  <option>Ognisko</option> 
										  <option>Szkoła muzyczna</option> 
										</select>
									</td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor4" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Kółko teatralne</a></h3>
					<div>
						<form action="saveT_S" method="post">
							<input type="hidden" name="t_s.typeOfService" value="Kółko teatralne">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="t_s.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="t_s.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Godzina rozpoczęcia zajęć</td>
									<td><input type="text" name="t_s.time"></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor5" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Harcerstwo</a></h3>
					<div>
						<form action="saveT_S" method="post">
						<input type="hidden" name="t_s.typeOfService" value="Harcerstwo">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="t_s.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="t_s.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Godzina rozpoczęcia zajęć</td>
									<td><input type="text" name="t_s.time"></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor6" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
				
				</div><!-- End demo -->
				
	<%}else if(type.equals("Usługi dodatkowe")){%>
		<div class="demo">

				<div id="accordion">
					<h3><a href="#">Sklepy z artykułami dla dzieci</a></h3>
					<div>
						<form action="saveAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Sklepy z artykułami dla dzieci">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="additional.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor7" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Taxi z fotelikiem dla dziecka</a></h3>
					<div>
						<form action="saveAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Taxi z fotelikiem dla dziecka">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="additional.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor8" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Fryzjer dziecięcy</a></h3>
					<div>
						<form action="saveAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Fryzjer dziecięcy">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="additional.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor9" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
					<h3><a href="#">Place zabaw w centrach handlowych (Małpi Gaj)</a></h3>
					<div>
						<form action="saveAdditionalServices" method="post">
							<input type="hidden" name="additional.type" value="Place zabaw w centrach handlowych (Małpi Gaj)">
							<table>
								<tr>
									<td>Nazwa</td>
									<td><input type="text" name="additional.name"></td>
								</tr>
								<tr>
									<td><b>Wybierz dzielnice</b> </td>
									<td><select name="additional.address">
										<option>Bemowo</option>
										<option>Białołęka</option>
										<option>Bielany</option>
										<option>Mokotów</option>
										<option>Ochota</option>
										<option>Praga Południe</option>
										<option>Praga Północ</option>
										<option>Rembertów</option>
										<option>Śródmieście</option>
										<option>Targówek</option>
										<option>Ursus</option>
										<option>Ursynów</option>
										<option>Wawer</option>
										<option>Wesoła</option>
										<option>Wilanów</option>
										<option>Włochy</option>
										<option>Wola</option>
										<option>Żoliborz</option>
									</select></td>
								</tr>
								<tr>
									<td>Opis</td>
									<td><textarea class="ckeditor" cols="80" id="editor10" name="people.description" rows="10">
										Tutaj możesz pisać...
									</textarea></td>
								</tr>
								<tr>
									<td colspan="2">&nbsp</td>
								</tr>
								<tr>
									<td colspan="2"><input type="submit" value="Zapisz"></td>
								</tr>
							</table>
						</form>
					</div>
				</div>
		</div>
	<% } %>

</body>
</html>